<template>
  <div class="main-box">
    <!-- header -->
    <header-box />
    <!-- content -->
    <router-view class="main-container" />
    <!-- footer -->
    <footer-box />
  </div>
</template>

<script>
export default {
  components: {
    HeaderBox: () => import("_c/HeaderBox"),
    FooterBox: () => import("_c/FooterBox")
  }
};
</script>
<style lang="scss" scoped>
.main-box {
	height: 100%;
  .main-container {
    min-height: calc(100% - 379px);
  }
}
</style>
